//和每个页面不同的地方
.menu-right{
    .m-r-assets{
        margin-bottom: 30px;
        li{
            list-style: none; height: 40px; padding: 15px 10px; position: relative; border: 1px solid #fff; -moz-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12); -webkit-box-shadow:0 4px 16px rgba(0, 0, 0, 0.12); box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);
            width: 375px; margin-top: 20px; border-radius: 5px; cursor: pointer;
            &.active{ border: 1px solid red;}
            .m-r-a-tit{
                display: inline-block; height: 40px; line-height: 40px; vertical-align: top; color: #999; font-size: 16px;
            }
            .money{
                position: absolute; display: inline-block; right: 10px; color: #e95a5c; font-size: 16px; margin-top: 10px;
            }
        }
    }
    .m-r-operate-item{
        clear: both; padding-top: 10px; min-height: 50px;
        &.tab{
            min-height: 50px;
        }
        .item-left{
            width: 100px; float: left; height: 42px; line-height: 42px; font-size: 14px; color: #333;
        }
        .item-right{
            float: left; font-size: 14px;
            .input,.select{
                width: 180px; height: 40px; font-size: 14px; padding: 0px 10px; outline: none; border: 1px solid #ddd; border-radius: 5px;
            }
            .select{
                width: 200px;
            }
            .input.ts-input{
                width: 380px;
            }
            .btn{
                width: 200px; height: 40px; border-radius: 40px; color: #fff; margin-right: 20px;  display: inline-block; text-align: center; line-height: 40px; cursor: pointer;
            }
            .msg{
                color: #999; margin-left: 10px;
                &.red{
                    color: #e95a5c;
                }
            }
            .code-btn{
                height: 40px; display: inline-block; border-radius: 5px;  width: 100px; text-align: center; border: 1px solid red; vertical-align: bottom;line-height: 40px;color: red;cursor: pointer;
                 &.disable{
                     border: 1px solid #e3e3e3; color: #aaaaaa; background: #e3e3e3; font-size: 14px; font-weight: bold; cursor: not-allowed;
                 }
             }
            
        }
        .item-tab{
            li{
                width: 300px; float: left; font-size: 14px; text-align: center; border-bottom: 1px solid #efeff4; padding-bottom: 10px; cursor: pointer;
            }
        }
    }
    .item-contain{
        display: none;
        &.active{
            display: block;
        }
        //基本资料
        &.one{
            .m-r-operate-item{
                padding-left: 30px;
                .item-right{
                    .msg{
                        &.red{
                            color: #e95a5c;
                        }
                    }
                    .have_data{
                        height: 50px; display: inline-block;  line-height: 50px;
                    }
                }
            }
        }
        //密码管理
        &.two{
            .m-r-operate-item{
                width: 340px; margin: 0 auto;
                &.finish{
                    text-align: center;
                }
                .item-left{
                    width: 80px;
                }
                .item-right{
                    .input{
                        width: 200px;
                        &.ts-code{
                            width: 95px;
                        }
                    }
                }
            }
            .item-tab-contain{
                margin-top: 40px;
            }
            .two-tab{
                width: 510px; margin: 0 auto;
                li{
                    width: 170px; float: left; list-style: none; text-align: center; position: relative; cursor: pointer;
                    .line{
                        display: inline-block; width: 100%; position: absolute; height: 3px; background: #f3f5f8; left: 0px;
                    }
                    .step_num{
                        display: inline-block; width: 30px; height: 30px;
                        .lx-div{
                            position: absolute; width: 30px; height: 30px; top: -28px;
                        }
                        .l-o{
                            border: 15px solid transparent; border-bottom: 15px solid #f3f5f8; width: 0px; display: inline-block; vertical-align: bottom;
                        }
                        .l-t{
                            border: 15px solid transparent; border-top: 15px solid #f3f5f8; width: 0px;display: inline-block; vertical-align: bottom;
                        }
                        .s-n{
                            position: absolute;width: 100%;text-align: center;left: 0px; top: -9px; color: #666;
                        }
                    }
                    .t-tit{
                        font-size: 14px; color: #999;
                    }
                    &.active{
                        .line{
                            background: #ffa10e;
                        }
                        .step_num{
                            .l-o{
                                border-bottom: 15px solid #ffa10e; 
                            }
                            .l-t{
                                border-top: 15px solid #ffa10e; 
                            }
                            .s-n{
                                color: #fff;
                            }
                        }
                        .t-tit{
                            color: #ffa10e;
                        }
                    }
                }
            }
        }
        &.three{
            .m-r-operate-item{
                padding-left: 30px;
                .item-right{
                    .have_data{
                        height: 50px; display: inline-block;  line-height: 50px;
                    }
                }
            }
        }
        
    }
}